<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品列表</title>
</head>
<body>

<a href="javascript:void(0)" onclick="dels()">删除选中</a>
<table border="1">
	<tr>
		<td></td>
		<td>缩略图</td>
		<td>名称</td>
		<td>价格</td>
		<td>操作</td>
	</tr>
	<tbody id="tableRows"></tbody>
</table>

<script id="gridTemp" type="text/x-dot-template">
{{~it:value:index}}
	<tr>
		<td><input type="checkbox" name="idcb" value="{{= value.id}}"/></td>
		<td><img src="../{{= value.img }}" width="200px"/></td>
		<td>{{= value.name }}</td>
		<td>{{= value.price }}</td>
		<td><a href="showGoodsById.html?id={{= value.id}}" target="_blank">修改</a>&nbsp;&nbsp;
			<a href="javascript:void(0)" onclick="del('{{= value.id}}')">删除</a></td>
	</tr>
{{~}}
</script>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/doT.js"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>

    
<script type="text/javascript">

function init(){
	
	$.ajax({   
           url:'goods/list',   
           type:'post',   
           dataType:'json',//服务器端返回的数据格式是json
		   data: {
			   "status":1
		   },//发给服务器端的数据
           success:function(res){   //data:服务器端返回给浏览器端的数据
		   		if(res.code==0){
		   			//编译模板
		   	        var interation = doT.template( $('#gridTemp').html() );
		   	        //将数据显示到网页中
		   	        $( '#tableRows' ).html(interation( res.data )); 
		   		}else{
		   			alert(res.msg);
		   		}
           },
		   error:function (XMLHttpRequest, textStatus, errorThrown) {
        	   		alert(XMLHttpRequest);
        	   		alert(textStatus);
        	   		alert(errorThrown);
           }
           
       });
}
function del(id){
	if(!confirm("您确定要删除选中的数据吗？")){
		return;
	}
	$.ajax({   
        url:'goods/deleteByIds',   
        type:'post',   
        dataType:'json',//服务器端返回的数据格式是json
		   data: {
			   "ids":[id]
		   },//发给服务器端的数据
        success:function(res){   //data:服务器端返回给浏览器端的数据
		   		if(res.code==0){
		   			alert(res.msg)
		   			init()
		   		}else{
		   			alert(res.msg);
		   		}
        },
		   error:function (XMLHttpRequest, textStatus, errorThrown) {
     	   		alert(XMLHttpRequest);
     	   		alert(textStatus);
     	   		alert(errorThrown);
        }
        
    });
}
function dels(){
	var ids =[];
	$('input[name="idcb"]:checked').each(function(){
		ids.push($(this).val());
	});
	if(ids.length==0){
		alert("请勾选要删除的数据！");
		return;
	}

	if(!confirm("您确定要删除选中的数据吗？")){
		return;
	}
	
	$.ajax({   
        url:'goods/deleteByIds',   
        type:'post',   
        dataType:'json',//服务器端返回的数据格式是json
		   data: {
			   "ids":ids
		   },//发给服务器端的数据
        success:function(res){   //data:服务器端返回给浏览器端的数据
		   		if(res.code==0){
		   			alert(res.msg)
		   			init()
		   		}else{
		   			alert(res.msg);
		   		}
        },
		   error:function (XMLHttpRequest, textStatus, errorThrown) {
     	   		alert(XMLHttpRequest);
     	   		alert(textStatus);
     	   		alert(errorThrown);
        }
        
    });
}
window.onload=init;
</script>
</body>
</html>